.bg_color{
    position: fixed;
    width: 100%;
    height: 100%;
    background:linear-gradient(to top,#eeecff,#f4e8f6,#f9e6f3,#fde9f1,#fdeaf0);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hint{
    position:absolute;
    bottom: 15%;
    left:50%;
    transform: translate(-50%);
    font-size:10px;
    color:#a9a6a6;
}

.NoFriednBg{
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    height: auto;
    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.BrokenHeart{
    height: 10vw;
    width: 10vw;
}

.NoFriendBall{
    height: 30vw;
    width: 27vw;
    margin: 0px 0px 20px;
}

.NoFriendText1{
    font-size:15px;
}

.NoFriendText2{
    font-size:14px;
    color:#929092;
}
